/* 首页轮播图 */

.mySwiper .swiper-pagination .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    margin: 0 8px;

    background: rgba(255,255,255,0.6);

}

.mySwiper .swiper-pagination .swiper-pagination-bullet-active{

    width: 60px;

    background: #FFFFFF;

    border-radius: 10px;

} 

.swiper.mobileswp{

    display: none;

}

.mySwiper .swiper-pagination{

    bottom: 66px;

}



.mySwiper .swiper-wrapper img{

    width: 100%;

    display: block;

}

.mySwiper .swiper-slide .bandes{

    top: 200px;

}

.mySwiper .swiper-slide .bandes h2,

.mySwiper .swiper-slide .bandes p,

.mySwiper .swiper-slide .bandes .more a{

    color: #fff;

}

.mySwiper .swiper-slide .bandes h2{

    font-size: 34px;

    line-height: 50px;

    font-weight: bold;

    margin-bottom: 12px;

}

.mySwiper .swiper-slide .bandes p{

    font-size: 18px;

    line-height: 24px;

}

.mySwiper .swiper-slide .bandes .more{

    margin-top: 38px;

}

.mySwiper .swiper-slide .bandes .more a{

    display: block;

    border: 1px solid #fff;

    width: 132px;

    height: 38px;

    font-size: 14px;

    border-radius: 20px;

    text-align: center;

    line-height: 38px;

}



/* 首页推荐新闻 */

.hotnewwrap{ 

    background: #FAFAFA;

}

.hotnews{

    height: 60px;

}

.hotnews img{

    width: 40px;

    height: 40px;

    margin-right: 16px;

}



#particles-js{height: 1513px;}

.f1 .f1i{

    width: 100%;

}

.f1i .ab1 {

    margin-top: 110px;

}

.f1i .ab1 .aboutpic{

    position: relative;

    width: 624px;

    height: 480px;

    overflow: hidden;

    transition: all ease-in-out .2s;

    background: url(../images/bg_about.png) no-repeat 0 0;

}

.f1i .ab1 .aboutpic .img{

    margin: 15px 15px 0 15px;

    overflow: hidden;

}



.f1i .ab1 .aboutpic .img img{

    width: 595px;

    height: 452px;

    display: block;

    transition: all ease-in-out .2s;

}



.f1i .ab1 .aboutconwrap{

    width: 733px;

    height: 380px;

    z-index: 20;

    box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.12);

    border-radius: 4px;

    top: 50px;

    left: 547px;
    transition: all ease-in-out .2s;

}
.f1i .ab1:hover .aboutconwrap{
    left: 640px;
}
.aboutconwrap .abouti{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 40px 0 48px;

}

.aboutconwrap .abouti .des{

    margin-top: 16px;

    font-size: 15px;

    line-height: 24px;
    display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 7; 
overflow: hidden; 

}

.aboutconwrap .abouti .des p{

    margin-bottom: 8px;

}

.aboutconwrap .abouti .commonmore{

    margin-top: 24px;

}





.ab2{

    margin-top: 56px;

}

.ab2 .ab2r img{

    width: 789px;

    height: 451px;

}

.ab2 .ab2l{

    height: 451px;

}

.ab2 .ab2l .des{

    margin-top: 12px;

    height: 73px;

}

.ab2 .ab2l .commonmore{

    margin-top: 44px;

}

.ab2 .commonmore.mobilemore{

    display: none;

}

.ab3{

    margin-top: 56px;

}

.ab3 .swiper.abswiper {

    height: 356px;

    padding-top: 20px;

}

.abswiper .swiper-wrapper .swiper-slide{

    top: 0;

    position: relative;

    height: 220px;

    transition: all ease-in-out .2s;

    

}

.abswiper .swiper-wrapper .swiper-slide:hover{

    top: -20px;

}

.abswiper .swiper-wrapper .swiper-slide .swpi{

    background: url(../images/bg_ab3_li.png) no-repeat 0 0 #fff;

    height: 170px;

    width: 296px;

}

.abswiper .swiper-wrapper .swiper-slide .pic{

    position: absolute;

    z-index: 8;

    top: 0px;

    width: 101px;

    height: 100px;

    box-shadow: 0px 10px 15px 0px rgba(51,51,51,0.1);

    border-radius: 50%;

    background: url(../images/bg_swp.png) no-repeat 0 0 #fff;

}

.abswiper .swiper-wrapper .swiper-slide .pic img{

    width: 51px;

    height: 50px;

}

.abswiper .swiper-wrapper .swiper-slide .swpi .tit{

    font-size: 18px;

    font-weight: bold;

    margin-top: 40px;

}

.abswiper .swiper-wrapper .swiper-slide .swpi .mor{

    color: #3C50FF;

    font-size: 14px;

    margin-top: 10px;

}

.abswiper .swiper-wrapper .swiper-slide .swpi .mor a{

    color: #3C50FF;

    font-size: 14px;

}

.abswiper.swiper .swiper-pagination{

    bottom: 70px;

}

.swiper.mobileab3swp{

    display: none;

}

.abswiper.swiper .swiper-pagination .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: rgba(153,153,153,1);

}

.abswiper.swiper .swiper-pagination .swiper-pagination-bullet-active{

    width: 60px;

    background: #FF6400;

    border-radius: 10px;

}



/* 一个平台，覆盖企业生产经营全业务场景 */



.f2{

    

    background: linear-gradient(312deg, #001852 0%, #081639 100%);

}

.mobilef2{

    display: none;

}

.f2 .f2i{

    background: url(../images/bg_f2i.png) no-repeat 0 0;

}

.f2 .f2i .f2in{

    height: 1000px;

    background: url(../images/bg_f2in.png) no-repeat right top;

}

.f2 .f2i .f2in .f2b{

    height: auto;overflow: hidden;

}

.f2 .f2i .f2in .f2t{

    margin-top: 100px;

}

.f2 .f2i .f2in .f2bot{

    margin-top: 60px;

}

.f2 .f2i .f2in .f2t .commt-wrap .commontit .commtt .tit{

    color: #fff;

}



.f2 .f2i .f2in .f2t .commt-wrap .commontit{

    background: url(../images/bg_commontit1.png) repeat-x 0 bottom;

}

.f2 .f2i .f2in .f2t .commt-wrap .commontit .commtt{

    background: url(../images/bg_commtt1.png) no-repeat 0 bottom;

    

}



.f2 .f2i .f2in .f2bot a{

    overflow: hidden;

    display: block;

    background: url(../images/bg_f2a.png) no-repeat 0 0;

    width: 296px;

    height: 362px;

    margin: 0 32px 32px 0;

}

.f2 .f2i .f2in .f2bot a.a4{

    margin-right: 0;

}

.f2 .f2i .f2in .f2bot a.a5,

.f2 .f2i .f2in .f2bot a.a6,

.f2 .f2i .f2in .f2bot a.a7,

.f2 .f2i .f2in .f2bot a.a8,

.f2 .f2i .f2in .f2bot a.a9{

    background: url(../images/bg_f2a1.png) no-repeat 0 0;

    width: 229px;

    height: 280px;

    margin: 0 33px 0 0;

}

.f2 .f2i .f2in .f2bot a img{

    width: 284px;

    height: 350px;

}

.f2 .f2i .f2in .f2bot a.a5 img,

.f2 .f2i .f2in .f2bot a.a6 img,

.f2 .f2i .f2in .f2bot a.a7 img,

.f2 .f2i .f2in .f2bot a.a8 img,

.f2 .f2i .f2in .f2bot a.a9 img{

    width: 219px;

    height: 270px;

}

.f2 .f2i .f2in .f2bot a .ai{

    margin: 6px 0 0 6px;

}

.f2 .f2i .f2in .f2bot a.a5 .ai,

.f2 .f2i .f2in .f2bot a.a6 .ai,

.f2 .f2i .f2in .f2bot a.a7 .ai,

.f2 .f2i .f2in .f2bot a.a8 .ai,

.f2 .f2i .f2in .f2bot a.a9 .ai{

    margin: 5px 0 0 5px;

}

.f2 .f2i .f2in .f2bot a .ai .c1{

    left: 0;

    top: 0;

    width: 284px;

    box-sizing: border-box;

    padding: 0 20px;

    height: 350px;

    overflow: hidden;

}

.f2 .f2i .f2in .f2bot a.a5 .ai .c1,

.f2 .f2i .f2in .f2bot a.a6 .ai .c1,

.f2 .f2i .f2in .f2bot a.a7 .ai .c1,

.f2 .f2i .f2in .f2bot a.a8 .ai .c1,

.f2 .f2i .f2in .f2bot a.a9 .ai .c1{

    width: 219px;

    height: 270px;

    padding: 0 26px;

}



.f2 .f2i .f2in .f2bot a .ai .c0{

    opacity: 1;

    transition: all ease-in-out .2s;

    background: linear-gradient(180deg, rgba(39,48,128,0) 47%, #273080 100%);

}

.f2 .f2i .f2in .f2bot a .ai .c1 h2{

    font-size: 18px;color: #fff;

    margin-bottom: 20px;

}

.f2 .f2i .f2in .f2bot a.a5 .ai .c1 h2,

.f2 .f2i .f2in .f2bot a.a6 .ai .c1 h2,

.f2 .f2i .f2in .f2bot a.a7 .ai .c1 h2,

.f2 .f2i .f2in .f2bot a.a8 .ai .c1 h2,

.f2 .f2i .f2in .f2bot a.a9 .ai .c1 h2{

    font-size: 16px;

}

.f2 .f2i .f2in .f2bot a .ai .c2{

    top: 356px;

    background: rgba(13,20,48,0.8);

    transition: all ease-in-out .2s;

}

.f2 .f2i .f2in .f2bot a.a5 .ai .c2,

.f2 .f2i .f2in .f2bot a.a6 .ai .c2,

.f2 .f2i .f2in .f2bot a.a7 .ai .c2,

.f2 .f2i .f2in .f2bot a.a8 .ai .c2,

.f2 .f2i .f2in .f2bot a.a9 .ai .c2

{

    top: 280px;

    

}



.f2 .f2i .f2in .f2bot a:hover .ai .c2{

    top: 0;

}

.f2 .f2i .f2in .f2bot a:hover .ai .c0{

    opacity: 0;

}

.f2 .f2i .f2in .f2bot a .ai .c2 h2{

    margin: 32px 0 16px;

}

.f2 .f2i .f2in .f2bot a .ai .c2 p{

    font-size: 16px;

    color: #fff;

    line-height: 24px;
    display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 5; 
overflow: hidden; 

}

.f2 .f2i .f2in .f2bot a.a9{

    margin-right: 0;

}



/* 多项核心技术，帮助企业资源发挥更大价值 */

.f3{

    height: 620px;

}

#f33{

    height: 100%;

}

.f3i{

    left: 0;

    top: 0;

    width: 100%;

    height: auto;overflow: hidden;

}

.f3b{

    margin-top: 110px;

}

.f3b .f3br{

    width: 624px;

    height: 400px;

    overflow: hidden;

    background: url(../images/bg_f3r.png) no-repeat 0 0;

}

.f3b .f3br .pic{

    margin: 15px 15px 0 15px;

    width: 595px;

    height: 371px;

    overflow: hidden;

}

.f3b .f3br .pic img{

    width: 595px;

    height: 371px;

    

}



.f3b .f3bl .commt-wrap{

    margin-bottom: 32px;

}

.f3b .f3bl .des{

    margin-bottom: 28px;

}

.f3b .f3bl .des .list span{

    font-size: 20px;

}

.f3b .f3bl .des .list{

    font-size: 20px;

    height: 40px;

    display: flex;

    align-items: center;

}



/* 为各类流程型行业和离散型行业提供优质服务 */

.f4{

    height: 785px;

    background: linear-gradient(312deg, #001852 0%, #081639 100%);

}

.mobilef4{

    display: none;

}

.f4i{

    height: 780px;

    background: url(../images/bg_f4i.png) no-repeat center top;

}

.f4i .commt-wrap{

    margin-top: 120px;

}

.f4i .commt-wrap .commontit{

    background: url(../images/bg_commontit1.png) repeat-x 0 bottom;

}

.f4i .commt-wrap .commontit .commtt{

    background: url(../images/bg_commtt1.png) no-repeat 0 bottom;

    

}

.f4i .commt-wrap .commontit .tit{

    color: #fff;

}

.f4i .w{

    height: auto;

    overflow: hidden;

}

.f4i .liu{

    margin-top: 80px;

    height: 411px;

    position: relative;

    

}

.f4i .liu .lst{

    width: 182px;

    height: 159px;

    display: flex;

    position: absolute;

    justify-content: center;

    align-items: center;

    background: url(../images/lbx.png) no-repeat 0 0;

}

.f4i .liu .lst a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 90px;

    height: 90px;

    overflow: hidden;

}

.f4i .liu .lst a img{

    max-width: 90px;

    max-height: 90px;

    transition: all ease-in-out .2s;

}


.f4i .liu .lst1,

.f4i .liu .lst2,

.f4i .liu .lst3,

.f4i .liu .lst4{

    top: 0;

}

.f4i .liu .lst5,

.f4i .liu .lst6,

.f4i .liu .lst7{

    top: 80px;

}

.f4i .liu .lst8,

.f4i .liu .lst9,

.f4i .liu .lst10,

.f4i .liu .lst11{

    top: 162px;

}

.f4i .liu .lst12,

.f4i .liu .lst13,

.f4i .liu .lst14{

    top: 242px;

}



.f4i .liu .lst1,

.f4i .liu .lst8{

    left: 142px;

}

.f4i .liu .lst5,

.f4i .liu .lst12{

    left: 281px;

}

.f4i .liu .lst2,

.f4i .liu .lst9{

    left: 420px;

}

.f4i .liu .lst3,

.f4i .liu .lst10{

    left: 698px;

}

.f4i .liu .lst4,

.f4i .liu .lst11{

    left: 976px;

}

.f4i .liu .lst6,

.f4i .liu .lst13{

    left: 559px;

}

.f4i .liu .lst7,

.f4i .liu .lst14{

    left: 837px;

}













/* 全方位助力企业产业升级 */

.f5{

    height: auto;
    padding-bottom: 40px;

}

.f5 .w{

    height: auto;

    overflow: hidden;

}

.f5 .w .commt-wrap{

    margin-top: 110px;

}



.f5b{

    margin-top: 50px;

}
.f5b .chanye.swiper .swiper-wrapper .swiper-slide a{
    cursor: pointer;
}
.f5b .chanye.swiper .swiper-wrapper .swiper-slide a img{
    width: 100%;
    display: block;
}
.swiper.f5swp{

    height: 400px;

    padding-top: 20px;

}

.swiper.f5swp .swiper-slide{

    position: relative;

    top: 0;

    transition: all ease-in-out .2s;

    width: 405px!important;

    height: 240px;

}

.swiper.f5swp .swiper-slide:hover{

    top:-20px;

}

.swiper.f5swp .swiper-slide a{

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}

.swiper.f5swp .swiper-slide a img{

    width: 405px;

    height: 240px;

}

.swiper.f5swp .swiper-slide a .apos{

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    left: 0;

    top: 0;

    z-index: 4;

    background: url(../images/bg_f5swp.png) no-repeat 0 0;

}

.swiper.f5swp .swiper-slide a .ai{

    width: 397px;

    height: 231px;

    margin: 5px 0 0 4px;

}

.swiper.f5swp .swiper-slide a .ai img{

    width: 397px;

    height: 231px;

}

.swiper.f5swp .swiper-slide a .apos .acon{

    margin: 5px 0 0 4px;

    width: 397px;

    height: 231px;

    background: rgba(13,20,48,0.6);

}

.swiper.f5swp .swiper-slide a .apos .acon .ainn{

    width: 100%;

    height: 100%;

    background: url(../images/shang.png) no-repeat center center;

}

.swiper.f5swp .swiper-slide a .apos .acon .ainn .h22{

    font-weight: bold;

    font-size: 36px;

    margin-top: 46px;

}



.swiper.f5swp .swiper-scrollbar{

    bottom: 80px;

}



.swiper.f5swp .swiper-scrollbar-drag{ 

    background: #FF6400;

}











/* 动态资讯 */

.f6{

    height: 793px;

    background: #F7F8FA;

    overflow: hidden;

}

.f6 .w{

    margin-top: 110px;

}

.f6b{

    margin-top: 56px;

}
.f6b .mobile-f6l{
    display: none;
}
.f6l a{

    display: block;

    overflow: hidden;

    width: 624px;

    height: 460px;

    background: url(../images/bg_f6a.png) no-repeat 0 0;

}

.f6l a .ai{

    margin: 15px 15px 0 15px;

    width: 595px;

    height: 432px;

    overflow: hidden;

}

.f6l a .ai img{

    width: 595px;

    height: 432px;

    transition: all ease-in-out .2s;

}
.f6l a:hover .ai img{
    transform: scale(1.1);
}


.f6l a .ai .des{

    left: 0;

    top: 0;

    width: 595px;

    height: 432px;

}

.f6l a .ai .des h2,.f6l a .ai .des p{

    color: #fff;

}

.f6l a .ai .des .tit{

   

    padding: 18px 32px;

    background-image: linear-gradient(to top,rgba(0,0,0,0.9),transparent);

}

.f6l a .ai .des .tit p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.f6l a .ai .des h2{

    margin-bottom: 6px;

    font-size: 20px;

    font-weight: normal;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.f6r{

    width: 624px;

}

.f6r a{display: block;}

.f6r a .al{

    width: 328px;

    height: 192px;

    box-sizing: border-box;

    padding: 36px 40px;

    left: 0;

    top: 9px;

    transition: all ease-in-out .2s;

    background: #FFFFFF;

    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.07);

    border-radius: 4px;

}

.f6r a:hover .al{

    left: -20px;

}

.f6r a .al .tit{

    font-weight: bold;

    font-size: 18px;

    line-height: 26px;

    display: -webkit-box; 

    -webkit-box-orient: vertical; 

    -webkit-line-clamp: 2; 

    overflow: hidden; 

}

.f6r a .al .commonmore{

    width: 132px;

    height: 38px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    line-height: 38px;

    background: linear-gradient(135deg, #3C50FF 0%, #4ABDE0 100%);

    border-radius: 19px;

}

.f6r a:hover .al .commonmore{

    opacity: 0.8;

}

.f6r a .ar img{

    width: 328px;

    height: 210px;

    border-radius: 4px;

}





/* 响应式布局 */



@media (max-width:1441px) {

    .mySwiper .swiper-slide .bandes{

        top: 160px;

    }

    #particles-js{

        height: 1464px;

    }

    .f1i .ab1{

        margin-top: 70px;

    }

    .f5{

        height: auto;
        padding-bottom: 30px;

    }

    .f5 .w .commt-wrap{

        margin-top: 70px;

    }

    .f6{

        height: 730px;

    }

    .f6 .w{

        margin-top: 70px;

    }

}



@media (max-width:1367px) {

    .mySwiper .swiper-slide .bandes{

        top: 102px;

    }

    .mySwiper .swiper-slide .bandes h2{

        font-size: 22px;

        font-weight: normal;

        line-height: 30px;

    }

    .mySwiper .swiper-slide .bandes p{

        font-size: 14px;

        line-height: 22px;

    }

    .mySwiper .swiper-pagination{

        bottom: 40px;

    }

    .mySwiper .swiper-pagination .swiper-pagination-bullet{

        width: 8px;

        height: 8px;

    }

    .mySwiper .swiper-pagination .swiper-pagination-bullet-active{

        width: 60px;

    }

    .f1i .ab1 .aboutpic{

        width: 437px;

        height: 336px;

        box-sizing: border-box;

        padding: 11px 10px 8px 11px;

        background-size: 100%;

    }

    .f1i .ab1 .aboutpic .img img{

        width: 416px;

        height: 315px;

        display: block;

    }
    .f1i .ab1:hover .aboutconwrap{
        left: 450px;
    }
    .f1i .ab1 .aboutpic .img{

        margin: 0;

    }

    .f1i .ab1 .aboutconwrap{

        width: 513px;

        height: 331px;

        top: 3px;

        left: 383px;

    }

    .commontit .commtt .tit{

        font-size: 22px;

        line-height: 30px;

    }

    .aboutconwrap .abouti{

        padding: 20px 20px 0;

    }

    .aboutconwrap .abouti .des{

        font-size: 13px;

        line-height: 20px;

        margin-top: 8px;

    }

    .aboutconwrap .abouti .des p{

        font-size: 13px;

        line-height: 20px;

        margin-bottom: 4px;

    }

    .aboutconwrap .abouti .commonmore{

        margin-top: 18px;

    }

    .ab2 .ab2r img{

        width: 588px;

        height: 336px;

        display: block;

    }

    .ab2 .ab2l{

        height: auto;

    }

    .ab2 .ab2l .des{

        font-size: 16px;

        height: 27px;

    }

    .ab2 .ab2l .commonmore{

        margin-top: 30px;

    }

    .abswiper .swiper-wrapper .swiper-slide{

        height: 150px;

    }

    .abswiper .swiper-wrapper .swiper-slide .swpi{

        width: 206px;

        height: 118px;

        background-size: 100%;

    }

    .abswiper .swiper-wrapper .swiper-slide .pic{

        width: 64px;

        height: 64px;

        background-size: 100%;

    }

    .abswiper .swiper-wrapper .swiper-slide .pic img{

        width: 40px;

        height: 40px;

    }

    .abswiper .swiper-wrapper .swiper-slide .swpi .tit{

        font-size: 16px;

        margin-top: 28px;

    }

    #particles-js{

        height: 1139px;

    }

    .ab3 .swiper.abswiper{

        height: 280px;

    }

    .f2 .f2i .f2in .f2bot{

        margin-top: 40px;

    }

    .f2 .f2i .f2in .f2bot a img{

        width: 199px;height: 244px;

    }

    .f2 .f2i .f2in .f2bot a{

        width: 206px;

        height: 252px;

        background-size: 100%;

        margin: 0 24px 24px 0;

    }

    .f2 .f2i .f2in .f2bot a .ai{

        margin: 4px 0 0 4px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c1{

        width: 199px;

        padding: 0 16px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c2{

        top: 249px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c1 h2{

        font-size: 13px;
        margin-top: 16px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c2 p{

        font-size: 14px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c1{

        height: 244px;

    }

    .f2 .f2i .f2in .f2bot a.a5, .f2 .f2i .f2in .f2bot a.a6, .f2 .f2i .f2in .f2bot a.a7, .f2 .f2i .f2in .f2bot a.a8, .f2 .f2i .f2in .f2bot a.a9{

        width: 160px;

        height: 196px;

        background-size: 100%;

        margin: 0 25px 0 0;

    }

    .f2 .f2i .f2in .f2bot a.a5 img, .f2 .f2i .f2in .f2bot a.a6 img, .f2 .f2i .f2in .f2bot a.a7 img, .f2 .f2i .f2in .f2bot a.a8 img, .f2 .f2i .f2in .f2bot a.a9 img{

        width: 154px;

        height: 190px;display: block;

    }

    .f2 .f2i .f2in .f2bot a.a5 .ai, .f2 .f2i .f2in .f2bot a.a6 .ai, .f2 .f2i .f2in .f2bot a.a7 .ai, .f2 .f2i .f2in .f2bot a.a8 .ai, .f2 .f2i .f2in .f2bot a.a9 .ai{

        margin: 3px 0 0 3px;

    }

    .f2 .f2i .f2in .f2bot a.a9{

        margin-right: 0;

    }

    .f2 .f2i .f2in .f2bot a.a5 .ai .c1, .f2 .f2i .f2in .f2bot a.a6 .ai .c1, .f2 .f2i .f2in .f2bot a.a7 .ai .c1, .f2 .f2i .f2in .f2bot a.a8 .ai .c1, .f2 .f2i .f2in .f2bot a.a9 .ai .c1{

        width: 154px;

        padding: 0 10px;

        height: 190px;

    }

    .f2 .f2i .f2in{

        height: 745px;

    }

    .f2 .f2i .f2in .f2bot a.a5 .ai .c1 h2, .f2 .f2i .f2in .f2bot a.a6 .ai .c1 h2, .f2 .f2i .f2in .f2bot a.a7 .ai .c1 h2, .f2 .f2i .f2in .f2bot a.a8 .ai .c1 h2, .f2 .f2i .f2in .f2bot a.a9 .ai .c1 h2{

        font-size: 13px;

    }

    .f3{

        height: 439px;

    }

    .f3b .f3br{

        width: 435px;

        height: 279px;

        background-size: 100%;

    }

    .f3b .f3br .pic{

        margin: 11px 11px 0 11px;

        width: 414px;

        height: 258px;

        overflow: hidden;

    }

    .f3b .f3br .pic img{

        width: 414px;

        height: 258px;

        display: block;

    }

    .f3b{

        margin-top: 80px;

    }

    .f3b .f3bl .des .list span{

        font-size: 16px;

    }

    .f3b .f3bl .des .list{

        font-size: 16px;

    }

    .f3b .f3bl .des .list{

        height: 28px;

    }

    .f4{

        height: 594px;

    }

    .f4i{

        height: 590px;

        background-size: 100%;

    }

    .f4i .commt-wrap{

        margin-top: 103px;

    }

    .f4i .liu{

        margin-top: 40px;

    }

    .f4i .liu .lst{

        width: 126px;

        height: 110px;

        background-size: 100%;

    }

    .f4i .liu .lst a img{

        width: 80px;

        height: 80px;

        display: block;

    }

    .f4i .liu .lst5, .f4i .liu .lst6, .f4i .liu .lst7{

        top: 58px;

    }

    .f4i .liu .lst1, .f4i .liu .lst8{

        left: 96px;

    }

    .f4i .liu .lst2, .f4i .liu .lst9{

        left: 289px;

    }

    .f4i .liu .lst3, .f4i .liu .lst10{

        left: 482px;

    }

    .f4i .liu .lst4, .f4i .liu .lst11{

        left: 675px;

    }

    .f4i .liu .lst5, .f4i .liu .lst12{

        left: 192px;

    }

    .f4i .liu .lst6, .f4i .liu .lst13{

        left: 385px;

    }

    .f4i .liu .lst7, .f4i .liu .lst14{

        left: 578px;

    }

    .f4i .liu .lst8, .f4i .liu .lst9, .f4i .liu .lst10, .f4i .liu .lst11{

        top: 114px;

    }

    .f4i .liu .lst12, .f4i .liu .lst13, .f4i .liu .lst14{

        top: 171px;

    }

    .f5b{

        margin-top: 40px;

    }

    .swiper.f5swp .swiper-slide{

        width: 283px!important;

        height: 168px;

    }

    .swiper.f5swp .swiper-slide a img{

        width: 283px;

        height: 168px;

    }

    .f5{

        height: auto;
        padding-bottom: 30px;

    }

    .swiper.f5swp{

        height: 300px;

    }

    .f6{

        height: 563px;

    }

    .f6l a{

        width: 432px;

        height: 318px;

        background-size: 100%;

    }

    .f6l a .ai{

        width: 413px;

        height: 299px;

        overflow: hidden;

    }

    .f6l a .ai img{

        width: 413px;

        height: 299px;

        display: block;

    }

    .f6l a .ai{

        margin: 10px 0 0 10px;

    }

    .f6l a .ai .des{

        width: 413px;

        height: 299px;

    }

    .f6r a .ar img{

        width: 230px;

        height: 147px;

    }

    .f6r a .al{

        width: 230px;

        height: 134px;

        padding:20px 24px;

        left: 30px;

        top: 7px;

    }

    .f6r a .al .tit{

        font-size: 14px;

        line-height: 22px;

    }

    .f6r a:hover .al{

        left: 10px;

    }

    .f6l a .ai .des .tit{

        padding: 10px 24px;

        background-image: linear-gradient(to top,rgba(0,0,0,0.9),transparent);

    }

    .f6l a .ai .des .tit h2{

        font-size: 18px;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

    }

    .f6l a .ai .des .tit p{

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        font-size: 14px;

    }



}





@media (max-width:769px) {

    .swiper.pcswp{

        display: none;

    }

    .swiper.mobileswp{

        display: block;

    }

    .mySwiper .swiper-slide .bandes h2{

        font-size: 18px;

    }

    .mySwiper .swiper-slide .bandes{

        top: 48px;

        left: 16px;

    }

    .mySwiper .swiper-pagination{

        bottom: 7px;

    }

    .mySwiper .swiper-pagination .swiper-pagination-bullet{

        margin: 4px;

    }

    .mySwiper .swiper-pagination .swiper-pagination-bullet-active{

        width: 30px;

    }

    .mySwiper .swiper-slide .bandes .more{

        margin-top: 30px;

    }

    .hotnewwrap{

        padding: 0 16px;

    }

    .hotnews{

        height: 40px;

    }

    .hotnews a{

        font-size: 14px;

    }

    .hotnews img{

        width: 24px;

        height: 24px;

        display: block;

        margin-right: 10px;

    }

    #particles-js{

        padding: 0 16px;

        height: auto;
        position: relative;

    }
    #particles-js canvas{
        position: absolute;
        top: 0;
        left: -16px;
        z-index: -1;
    }
    .abswiper.swiper .swiper-pagination{
        bottom: 40px;
    }
    .f1{

        height: auto;

    }
    #f33{
        position: relative;
    }
    #f33 canvas{
        position: absolute;
        z-index: -1;
        top: 0;
    }
    .f1i .ab1{

        margin-top: 40px;

    }

    .f1i .ab1 .aboutpic{

        width: 100%;

        height: auto;

        box-sizing: border-box;

        padding: 9px;
        

    }

    .f1i .ab1 .aboutpic .img{

        padding: 0px;

        margin: 0;
        height: auto;
        width: 100%;

    }
    .f1 .f1i{
        position: static;
    }
    .f1i .ab1 .aboutpic .img img{

        width: 100%;

        display: block;

        height: auto;

    }
    .f3i{
        position: static;
    }
    .f1i .ab1 .aboutconwrap{

        width: 100%;

        height: auto;

        box-shadow: none;

        border-radius: 0;

        position: static;

    }

    .commontit .commtt .tit{

        font-size: 18px;

    }

    .ab2{

        display: block;

    }

    .ab2 .ab2r{

        margin-top: 20px;

    }

    .ab2 .ab2r img{

        width: 100%;

        height: auto;

    }

    .ab2 .ab2l .commonmore.pcmore{

        display: none;

    }

    .ab2 .commonmore.mobilemore{

        display: block;

        margin-top: 40px;

    }

    .pcf2{

        display: none;

    }

    .swiper.abswiper.pcab3swp{

        display: none;

    }
    .abswiper .swiper-wrapper .swiper-slide:hover{
        top: 0;
    }
    .swiper.mobileab3swp{

        display: block;

        height: 180px;

    }

    .swiper.mobileab3swp .swiper-slide img{

        width: 100%;

    }
    .mobilef2{
        display: block;
    }
    .ab3{

        margin-top: 20px;

    }
    .aboutconwrap .abouti .des{
        overflow: hidden;
    }
    .f3b{

        display: block;

    }

    .f3{

        padding: 0 16px 40px;

        height: auto;

    }

    .f3b .f3br .pic img{

        width: 100%;

        height: auto;

    }

    .f3b .f3br{

        width: 100%;

        height: auto;

        box-sizing: border-box;

        padding: 8px;

    }

    .f3b .f3br{

        margin-top: 20px;

    }

    .f3b .f3br .pic{

        margin: 0px;

        width: 100%;

        height: auto;

    }

    .f3b{

        margin-top: 40px;

    }
    .abswiper .swiper-wrapper .swiper-slide .pic{
        width: 48px;
        height: 48px;
    }
    .abswiper .swiper-wrapper .swiper-slide .pic img{
        width: 32px;
        height: 32px;
    }
    .abswiper .swiper-wrapper .swiper-slide .swpi .tit{
        margin-top: -15px;
    }
    .ab3 .swiper.abswiper{
        height: 230px;
    }
    .abswiper .swiper-wrapper .swiper-slide .swpi{
        width: 100%;
    }
    .pcf4{

        display: none;

    }

    .mobilef4{

        display: block;
        height: auto;
        

    }

    .mobilef4 .f4i{

        padding: 0 16px;

        background-size:cover;
        height: auto;
        padding-bottom: 40px;
    }

    .swiper.f5swp .swiper-slide{

        width: 253px!important;

        height: auto;

    }
    .mobilef4 .commontit .commtt .tit{
        font-size: 17px;
    }
    .swiper.f5swp .swiper-slide a img{

        width: 253px;

        display: block;

        height: auto;

    }

    .f5{

        height: auto;

    }

    .f5 .w .commt-wrap{

        margin-top: 43px;

        padding: 0 16px;

    }

    .f5b{

        padding-left: 16px;
        padding-right: 16px;

    }


    .swiper.f5swp{

        height: 270px;

    }

    .f6{

        height: auto;

        padding: 0 16px;

    }

    .f6 .w{

        margin-top: 42px;

    }

    .f6b{

        margin-top: 20px;

        display: block;

    }
    .f6b .mobile-f6l{
        display: block;
    }
    .f6b .f6l.pcf6l{
        display: none;
    }
    .f6b .mobile-f6l a img{
        width: 100%;
        display: block;
    }
    .f6b .mobile-f6l a .indexnewsu{
        background: url(../images/indexnewsu.png) no-repeat left top;
        background-size: 50%;
    }
    .f6b .mobile-f6l a .indexnewsr{
        background: url(../images/indexnewsr.png) no-repeat right top;
        background-size: 50%;
    }
    .f6b .mobile-f6l a .indexnewsd{
        background: url(../images/indexnewsd.png) no-repeat right bottom;
        background-size: 50%;
    }
    .f6b .mobile-f6l a .indexnewsl{
        background: url(../images/indexnewsl.png) no-repeat left bottom;
        background-size: 50%;
        padding: 9px;
    }
    .f6b .mobile-f6l a .indexnewsl .pici{
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        
    }
    .f6b .mobile-f6l a .indexnewsl .pici .tit{
        height: 70px;
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 92.75%);
    }
    .f6b .mobile-f6l a .indexnewsl .pici .tit h2{
        font-weight: normal;
        color: #fff;
        font-size: 16px;
        margin-bottom: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .f6l a{

        width: 100%;

        height: auto;

        padding: 8px;

        box-sizing: border-box;

    }

    .f6l a .ai img{

        width: 100%;

        height: auto;

        display: block;
        transition: all ease-in-out .2s;

    }
    .f6l a:hover .ai img{
        transform: scale(1.1);
    }
    .f6l a .ai{

        margin: 0;

        width: 100%;

        height: auto;

    }

    .f6l a .ai .des{

        width: 100%;

        height: auto;

        bottom: 0;

    }

    .f6r{

        width: 100%;

        margin-top: 16px;

    }

    .f6r a .al{

        width: 180px;

        height: 105px;

        left: 0;

    }

    .f6r a .ar img{

        width: 179px;

        height: 115px;

        display: block;

    }

    .f6r a{

        margin-bottom: 16px;

    }

    .f6l a .ai .des .tit{

        margin-bottom: 0px;

        padding: 8px 15px;

        background: rgba(0,0,0,0.7);

    }

    .f6l a .ai .des .tit h2{

        font-size: 16px;

    }

    .f6l a .ai .des .tit p{

        display: none;

    }

    .f6r a .al .commonmore{

        display: none;

    }

    .f4i .commt-wrap{

        margin-top: 40px;

    }

    .f2 .f2i .f2in .f2b{

        padding: 0 16px;

        box-sizing: border-box;

    }

    .f2 .f2i .f2in .f2t{

        margin-top: 42px;

    }

    .f2 .f2i .f2in{

        background: none;

    }



    .f2 .f2i .f2in .f2bot a{

        margin: 0;

        width: 100%;

        height: auto;

    }

    .f2 .f2i .f2in .f2bot a img{

        width: 100%;

        height: auto;

    }

    .f2 .f2i .f2in .f2bot a .ai{

        margin: 4px;

    }

    .f2 .f2i .f2in .f2bot a .ai .c1{

        width: 100%;

        height: 100%;

    }

    .f2 .f2i .f2in .f2bot a .ai .c2{

        top: 306px;

    }

    .f2 .f2i .f2in .f2bot .swiper.f2botswp{

        height: auto;
        padding-bottom: 30px;

    }
    .f2 .f2i .f2in .f2bot .swiper.f2botswp .swiper-pagination{
        bottom: 0;
    }
    .f2 .f2i .f2in{

        height: auto;

        padding-bottom: 40px;

    }

    .swiper.mobilef4swp{

        height: auto;
        padding-bottom: 30px;

        margin-top: 20px;

    }

    .swiper.mobilef4swp .swiper-slide .lgwrap a{

        background: #fff;

        display: flex;

        justify-content: center;

        align-items: center;

        width: 48%;

        margin-bottom: 16px;

    }
    .swiper.mobilef4swp .swiper-slide .lgwrap a .pic{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper.mobilef4swp .swiper-slide .lgwrap a img{

        width: 89%;

        display: block;

    }

}